import React from 'react';
import { Typography, Card, Space } from 'antd';
import { SettingOutlined, CrownOutlined } from '@ant-design/icons';

const { Title, Text, Paragraph } = Typography;

const Settings: React.FC = () => {
  return (
    <div>
      <Title level={2}>
        <SettingOutlined style={{ marginRight: 8 }} />
        系统设置
      </Title>
      
      <Card style={{ marginTop: 16 }}>
        <Space direction="vertical" size="large" style={{ width: '100%' }}>
          <div style={{ textAlign: 'center', padding: '40px 0' }}>
            <CrownOutlined style={{ fontSize: 48, color: '#faad14', marginBottom: 16 }} />
            <Title level={3}>管理员专用界面</Title>
            <Paragraph style={{ fontSize: 16, color: '#666' }}>
              这是管理员专用页面，普通用户无法访问。
            </Paragraph>
            <Text type="secondary">
              您当前以管理员身份登录，拥有系统设置的完整权限。
            </Text>
          </div>
        </Space>
      </Card>
    </div>
  );
};

export default Settings; 